<%--
  Created by IntelliJ IDEA.
  User: Lenovo
  Date: 2020/10/9
  Time: 21:58
  To change this template use File | Settings | File Templates.
--%>
<%@ page contentType="text/html;charset=UTF-8" language="java" %>
<!DOCTYPE HTML>
<html>
<head>
    <meta charset="utf-8">
    <meta name="renderer" content="webkit|ie-comp|ie-stand">
    <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
    <meta name="viewport" content="width=device-width,initial-scale=1,minimum-scale=1.0,maximum-scale=1.0,user-scalable=no" />
    <meta http-equiv="Cache-Control" content="no-siteapp" />
    <link rel="Bookmark" href="${pageContext.request.contextPath}/static/favicon.ico" >
    <link rel="Shortcut Icon" href="${pageContext.request.contextPath}/static/favicon.ico" />
    <!--[if lt IE 9]>
    <script type="text/javascript" src="${pageContext.request.contextPath}/static/lib/html5shiv.js"></script>
    <script type="text/javascript" src="${pageContext.request.contextPath}/static/lib/respond.min.js"></script>
    <![endif]-->
    <link rel="stylesheet" type="text/css" href="${pageContext.request.contextPath}/static/static/h-ui/css/H-ui.min.css" />
    <link rel="stylesheet" type="text/css" href="${pageContext.request.contextPath}/static/static/h-ui.admin/css/H-ui.admin.css" />
    <link rel="stylesheet" type="text/css" href="${pageContext.request.contextPath}/static/lib/Hui-iconfont/1.0.8/iconfont.css" />
    <link rel="stylesheet" type="text/css" href="${pageContext.request.contextPath}/static/static/h-ui.admin/skin/default/skin.css" id="skin" />
    <link rel="stylesheet" type="text/css" href="${pageContext.request.contextPath}/static/static/h-ui.admin/css/style.css" />
    <!--[if IE 6]>
    <script type="text/javascript" src="${pageContext.request.contextPath}/static/lib/DD_belatedPNG_0.0.8a-min.js" ></script>
    <script>DD_belatedPNG.fix('*');</script>
    <![endif]-->
    <!--/meta 作为公共模版分离出去-->

    <title>新建网站角色 - 管理员管理 - H-ui.admin v3.1</title>
    <meta name="keywords" content="H-ui.admin v3.1,H-ui网站后台模版,后台模版下载,后台管理系统模版,HTML后台模版下载">
    <meta name="description" content="H-ui.admin v3.1，是一款由国人开发的轻量级扁平化网站后台模板，完全免费开源的网站后台管理系统模版，适合中小型CMS后台系统。">
</head>
<body>

<article class="page-container">
    <form action="" method="post" class="form form-horizontal" id="form-member-add">
        <div class="row cl">
            <label class="form-label col-xs-4 col-sm-3"><span class="c-red">*</span>教师Id：</label>
            <div class="formControls col-xs-8 col-sm-9">
                <input type="text" class="input-text" value="${teachers.teacherId}" placeholder="请输入教师编号..." id="teacherId" name="teacherId">
            </div>
        </div>
        <div class="row cl">
            <label class="form-label col-xs-4 col-sm-3"><span class="c-red">*</span>姓名：</label>
            <div class="formControls col-xs-8 col-sm-9">
                <input type="text" class="input-text" value="${teachers.teacherName}" placeholder="请输入姓名..." id="teacherName" name="teacherName">
            </div>
        </div>
        <div class="row cl">
            <label class="form-label col-xs-4 col-sm-3">性别：</label>
            <div class="formControls col-xs-8 col-sm-9">
                <input type="text" class="input-text" value="${teachers.sex}" placeholder="男/女" id="sex" name="sex">
            </div>
        </div>
        <div class="row cl">
            <label class="form-label col-xs-4 col-sm-3">出生年份：</label>
            <div class="formControls col-xs-8 col-sm-9">
                <input type="text" class="input-text" value="${teachers.birthYear}" placeholder="XXXX-XX-XX" id="birthYear" name="birthYear">
            </div>
        </div>
        <div class="row cl">
            <label class="form-label col-xs-4 col-sm-3">学历：</label>
            <div class="formControls col-xs-8 col-sm-9">
                <input type="text" class="input-text" value="${teachers.degree}" placeholder="博士、硕士、本科..." id="degree" name="degree">
            </div>
        </div>
        <div class="row cl">
            <label class="form-label col-xs-4 col-sm-3">职称：</label>
            <div class="formControls col-xs-8 col-sm-9">
                <input type="text" class="input-text" value="${teachers.title}" placeholder="教授、副教授、讲师..." id="title" name="title">
            </div>
        </div>
        <div class="row cl">
            <label class="form-label col-xs-4 col-sm-3">入职年份：</label>
            <div class="formControls col-xs-8 col-sm-9">
                <input type="text" class="input-text" value="${teachers.grade}" placeholder="XXXX-XX-XX" id="grade" name="grade">
            </div>
        </div>
        <div class="row cl">
            <label class="form-label col-xs-4 col-sm-3"><span class="c-red">*</span>学院Id：</label>
            <div class="formControls col-xs-8 col-sm-9">
                <input type="text" class="input-text" value="${teachers.collegeId}" placeholder="所在学院对应的Id..." id="collegeId" name="collegeId">
            </div>
        </div>
        <div class="row cl">
            <label class="form-label col-xs-4 col-sm-3"><span class="c-red">*</span>状态：</label>
            <div class="formControls col-xs-8 col-sm-9">
                <input type="text" class="input-text" value="${teachers.deleted}" placeholder="0/1" id="deleted" name="deleted">
            </div>
        </div>
        <div class="row cl">
            <div class="col-xs-8 col-sm-9 col-xs-offset-4 col-sm-offset-3">
                <input class="btn btn-primary radius" type="button" onclick="teacherOK()" value="&nbsp;&nbsp;提交&nbsp;&nbsp;">
            </div>
        </div>
    </form>
</article>

<!--_footer 作为公共模版分离出去-->
<script type="text/javascript" src="${pageContext.request.contextPath}/static/lib/jquery/1.9.1/jquery.min.js"></script>
<script type="text/javascript" src="${pageContext.request.contextPath}/static/lib/layer/2.4/layer.js"></script>
<script type="text/javascript" src="${pageContext.request.contextPath}/static/static/h-ui/js/H-ui.min.js"></script>
<script type="text/javascript" src="${pageContext.request.contextPath}/static/static/h-ui.admin/js/H-ui.admin.js"></script> <!--/_footer 作为公共模版分离出去-->

<!--请在下方写此页面业务相关的脚本-->
<script type="text/javascript" src="${pageContext.request.contextPath}/static/lib/My97DatePicker/4.8/WdatePicker.js"></script>
<script type="text/javascript" src="${pageContext.request.contextPath}/static/lib/jquery.validation/1.14.0/jquery.validate.js"></script>
<script type="text/javascript" src="${pageContext.request.contextPath}/static/lib/jquery.validation/1.14.0/validate-methods.js"></script>
<script type="text/javascript" src="${pageContext.request.contextPath}/static/lib/jquery.validation/1.14.0/messages_zh.js"></script>
<script type="text/javascript">

    $(function(){
        $(".permission-list dt input:checkbox").click(function(){
            $(this).closest("dl").find("dd input:checkbox").prop("checked",$(this).prop("checked"));
        });
        $(".permission-list2 dd input:checkbox").click(function(){
            var l =$(this).parent().parent().find("input:checked").length;
            var l2=$(this).parents(".permission-list").find(".permission-list2 dd").find("input:checked").length;
            if($(this).prop("checked")){
                $(this).closest("dl").find("dt input:checkbox").prop("checked",true);
                $(this).parents(".permission-list").find("dt").first().find("input:checkbox").prop("checked",true);
            }
            else{
                if(l==0){
                    $(this).closest("dl").find("dt input:checkbox").prop("checked",false);
                }
                if(l2==0){
                    $(this).parents(".permission-list").find("dt").first().find("input:checkbox").prop("checked",false);
                }
            }
        });


    // $(function(){
    //     $('.skin-minimal input').iCheck({
    //         checkboxClass: 'icheckbox-blue',
    //         radioClass: 'iradio-blue',
    //         increaseArea: '20%'
    //     });

        $("#form-member-add").validate({
            rules:{
                rules:{
                    teacherId:{
                        required:true,
                    },
                    teacherName:{
                        required:true,
                    },
                    collegeId:{
                        required:true,
                    },
                    deleted:{
                        required:true,
                    },
                },
                onkeyup:false,
                focusCleanup:true,
                success:"valid",
                submitHandler:function(form){
                    $(form).ajaxSubmit();
                    var index = parent.layer.getFrameIndex(window.name);
                    parent.layer.close(index);
                }

            },
        });
    });

    function teacherOK() {
        var teacherIdValue = $("#teacherId").val();
        var teacherNameValue = $("#teacherName").val();
        var sexValue = $("#sex").val();
        var birthYearValue = $("#birthYear").val();
        var degreeValue = $("#degree").val();
        var titleValue = $("#title").val();
        var gradeValue = $("#grade").val();
        var collegeIdValue = $("#collegeId").val();
        var deletedValue = $("#deleted").val();

        var teacherData ={"teacherId":teacherIdValue,"teacherName":teacherNameValue,"sex":sexValue,"birthYear":birthYearValue,
            "degree":degreeValue,"title":titleValue,"grade":gradeValue,"collegeId":collegeIdValue,"deleted":deletedValue};
        $.ajax({
            url:'${pageContext.request.contextPath}/teacher/insertTeacher',
            type:'post',
            contentType:'application/x-www-form-urlencoded',
            data:teacherData,
            dataType:'json',
            success: function (result) {
                if (result.code==0){
                    alert("添加成功！");
                    /*得到当前页面的实例*/
                    var index=parent.layer.getFrameIndex(window.name);
                    //如何刷新父窗口（将新增的数据实时展现出来）
                    parent.location.reload();
                    //关闭当前窗口
                    parent.layer.close(index);
                }
            },
            error:function (err) {
                alert("添加失败！");
            }
        })
    }
</script>
<!--/请在上方写此页面业务相关的脚本-->
</body>
</html>